<%-- 
    Document   : index
    Created on : 30-nov-2009, 14:48:51
    Author     : Maik
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<title> Welkom bij het spel EenEnDertigen!! -- Made by Dustin & Maik � 2009</title>
	<link rel="stylesheet" type="text/css" href="images/style.css" />

<style>
a.convbutton,a.convbutton:link, a.convbutton:visited, a.convbutton:active {
            border: solid 3px #0000FF;
            background-color: #FF9999;
            color: #FF0000;
            font-weight: bold;
            padding: 8px 15px;
            width: 300px;
            cursor: pointer;
            text-decoration: none;
}
a.convbutton:hover { 
            background-color: #FF9999;
            font-weight: bold;
            color: #0000FF;
            text-decoration: none;
}
</style>

</head>

<body>
<div>
<h1>EEN-EN-DERTIGEN</h1>
<br /><br /><br /><br /><br />
    <form name="form" action="InitServlet" method="POST">
        <input type="submit" name="action" value="CREATE NEW TABLE"/>
        <input type="submit" name="action" value="JOIN EXISTING TABLE"/>
    </form>
</div>

<div class="kaartenlinks">
	<div class="kaart" style="background-image: url(images/1_14.png); top:0px; left:0px;"></div>
	<div class="kaart" style="background-image: url(images/1_13.png); top:12px; left:17px;"></div>
	<div class="kaart" style="background-image: url(images/1_12.png); top:24px; left:34px;"></div>
</div>

<div class="kaartenrechts">
	<div class="kaart" style="background-image: url(images/0_14.png); top:0px; left:34px;"></div>
	<div class="kaart" style="background-image: url(images/0_13.png); top:12px; left:17px;"></div>
	<div class="kaart" style="background-image: url(images/0_12.png); top:24px; left:0px;"></div>
</div>

<div class="kaartenonder">
	<div class="kaart" style="background-image: url(images/1_7.png); top:0px; left:240px;"></div>
	<div class="kaart" style="background-image: url(images/0_8.png); top:0px; left:340px;"></div>
	<div class="kaart" style="background-image: url(images/2_9.png); top:0px; left:440px;"></div>
	<div class="kaart" style="background-image: url(images/3_10.png); top:0px; left:540px;"></div>
	<div class="kaart" style="background-image: url(images/1_11.png); top:0px; left:640px;"></div>
	<div class="kaart" style="background-image: url(images/0_12.png); top:0px; left:740px;"></div>
	<div class="kaart" style="background-image: url(images/3_13.png); top:0px; left:840px;"></div>
	<div class="kaart" style="background-image: url(images/2_14.png); top:0px; left:940px;"></div>
</div>

<div class="footer">
Made by Dustin Balentina and Maik van Sark, Copyright � 2009
</div>
</body>
</html>
